<template>
  <div
    class="cell-progress"
    @click="$emit('click')"
  >
    <p>{{ title }}</p>
    <el-progress
      class="progress"
      :percentage="percentage"
    />
  </div>
</template>

<script>
export default {
  props: {
    title: {
      type: String
    },
    percentage: {
      type: Number,
      default: 0
    }
  },
  emits: ['click']
}
</script>

<style lang="scss" scoped>
.cell-progress{
  cursor:pointer;
  p{
    color:#3F9EFF
  }
  .progress{
    /deep/ .el-progress__text{
      font-size:12px !important;
      color:#3F9EFF !important;
    }
  }
}
</style>
